<template>
    <a-card ref="searchForm" class="customCard searchCard">
        <CustomForm ref="FormRef" :FormValue="FormValue" :options="FormConfig!.options" :labelCol="FormConfig!.labelCol"
            :labelAlign="FormConfig!.labelAlign" :layout="FormConfig!.layout">
            <template #footer>
                <a-form-item>
                    <BtnGroup />
                </a-form-item>
            </template>
        </CustomForm>
    </a-card>
</template>
<script lang='ts' setup>
import { inject, type Component, h, ref, onMounted, watch } from 'vue'
interface BtnType {
    title?: string
    type?: string
    shape?: string
    danger?: boolean
    size?: string
    block?: boolean
    ghost?: boolean
    loading?: boolean
    icon?: Function | Component | undefined
    permission?: string
    clickFn?: () => void
}
const { FormConfig } = defineProps({
    FormValue: Object,
    FormConfig: Object,
})

const searchForm = ref()
const FormRef = ref()


// const BtnsObj: {
//     currentRouteMeta: string[],
//     Btns: BtnType[]
// } = inject('permissionBtns')!
// const { currentRouteMeta, Btns } = BtnsObj


</script>
<style scoped>
.customCard {
    position: sticky;
}
</style>